{extend name="public/layout"/}
{block name="title"}{/block}
{block name="head"}
<style>
  .error-msg{color: #FFFFFF!important; display: block!important;}
</style>
{/block}
{block name="body"}
<section class="mc-view-box">
  {include file="public/index_header" /}
  <div class="mc-scrollview">
    <div class="p-d p-tb-clear">
      <div class="contact-form">
        <div class="text-right font-size18 line-height30" style="color:#aaaeb7">在线留言</div>
        <div class="height-50"></div>
        <div class="height-50"></div>
        <form class="form-horizontal" id="form" action="/home/index/message.html">
          <div class="form-group">
            <div class="col-sm-12">
              <input type="text" name="name" class="form-control" placeholder="请填写您的姓名" datatype="*" nullmsg="请输入您的姓名">
            </div>
            <div class="error-msg"></div>
          </div>
          <div class="form-group">
            <div class="col-sm-12">
              <input type="text" name="mobile" class="form-control" placeholder="联系电话" datatype="*" nullmsg="请输入您的联系电话">
            </div>
            <div class="error-msg"></div>
          </div>
          <div class="form-group">
            <div class="col-sm-12">
              <input type="text"  name="email" class="form-control" placeholder="电子邮箱" datatype="*" nullmsg="请输入您的电子邮箱">
            </div>
            <div class="error-msg"></div>
          </div>
          <div class="form-group">
            <div class="col-sm-12">
              <textarea class="form-control" name="content" rows="3" placeholder="留言信息" datatype="*" nullmsg="请输入您的留言信息"></textarea>
            </div>
            <div class="error-msg"></div>
          </div>
          <div class="form-group">
            <div class="col-sm-12 text-right">
              <button type="button" class="btn btn-sub">提交</button>
            </div>
          </div>
        </form>
      </div>
      <div class="content-box">
        <div class="omy-01">
          <img src="http://res.tyomy.cn/upload/20200525/a451e3aa2d83af15dcb219f9da0ae2ac.png" alt="">
        </div>
        <div class="height-30"></div>
        <div class="class-name">
          <p class="font-size18 line-height24 font-upp" style="color:#aaaeb7">contact</p>
          <p class="font-size16 line-height24">联系我们</p>
        </div>
        <div class="height-50"></div>
        <table>
          <tr>
            <td>
              <img src="/static/home/img/ewm.jpg" alt="">
            </td>
            <td>
              <div class="font-size14 line-height30 p-d-15">
                太原远博欧美亚装饰材料有限公司<br>
                地址：太原市小店区刘家堡工业园1号<br>
                联系人：郭总<br>
                手机：15135146668 / 18235129618<br>
                电话：0351-7959688<br>
                传真：0351-7959997
              </div>
            </td>
          </tr>
        </table>
      </div>
    </div>
  </div>
    {include file="public/index_footer" /}
</section>
{/block}
{block name="script"}
<script>
  $(function () {
    formHelper.subForm(function (res) {
      console.info(res);
      if(res.code==1){
        $.toast('留言成功',function() {
          location.reload();
        })
      }else{
       $.toast('留言失败',function () {
          location.reload();
       })
      }
    });
  })
</script>
{/block}